/**
 * 此类是应用程序的主视图. 在app.js中通过"autoCreateViewport"属性指定的.
 * 这个设置自动应用"viewport"插件,将类的实例推送到body元素上.
 * 下面的配置都可以根据应用程序需要进行修改.
 */
Ext.define('gytoa.view.main.Main', {
    extend: 'Ext.container.Container',
    uses: [
        'gytoa.view.main.MainController',
        'gytoa.view.main.MainModel',
		'gytoa.view.main.region.Left',
		'gytoa.view.main.region.Top',
		'gytoa.view.main.region.Center',
		'gytoa.view.main.region.Bottom'
    ],

    xtype: 'app-main',
    
    controller: 'main',
    viewModel: {
        type: 'main'
    },

    layout: {
        type: 'border'
    },

    items: [{
		xtype:'maintopregion',
		region: 'north'
	},{
        xtype: 'leftmenubar',
        region: 'west',
		split: true,
		collapsible: true,
		width: 250
    },{
        region: 'center',
        xtype: 'center'
    },{
		xtype:'bottomregion',
		region: 'south'
	}]
});
